{extend name="base" /}
{block name="main"}
<div class="container Wauto">
    <div class="bnBox cateBn">
        {ld:slide name="case_banner"}
        <div class="cateBnImg" style="background-image: url({$item.image})">

        </div>
        {/ld:slide}
    </div>
    <div class="main w1200">
        <div class="article w1">
            <div class="archive-top anim fadeInUp">
                <div class="archive-title">
                    <h1 itemprop="headline">{$category.name}</h1>
                    <span></span></div>
                <div class="archive-description">
                    <p>{$category.seo_description}</p>
                </div>
            </div>
            <div class="subcate anim fadeInUp" data-wow-delay=".3s">
                <div id="subcate" data-type="category" data-infoid="2">
                    <ul>
                        {ld:sort pid="$topid"}
                        <li class="{if $item['id']==$category['id']}active{/if}"><a
                        href="{$item.url}">{$item.name}</a></li>
                        {/ld:sort}

                    </ul>
                </div>
            </div>
            <div class="post list">
                <div class="PostShow">
                    <ul>
                        {ld:list }
                        <li data-id="{$item.id}" class="anim fadeInUp case-item">
                            <div class="post-img loading"> <a class="pic float-left" href="{$item.url}"
                                title="{$item.title}" rel="bookmark">
                                <div class="msk"></div>
                                <i class="fa fa-search"></i>
                                <img class="b-lazy" src="{$item.image}"
                                    data-src="{$item.image}" alt="{$item.title}" /> </a> </div>
                            <h4><a href="{$item.url}" title="{$item.title}">{$item.title}</a></h4>
                            <i style="margin-bottom: 10px">	{$item.description}</i>
                        </li>
                        {/ld:list}
                    </ul>
                </div>
                <div class="clearfix"></div>
            </div>

        </div>
        <div class="text-center">{$pages}</div>
    </div>
</div>

{/block}